<script>
import HelloWorld from './components/HelloWorld.vue'
import {get_config} from "./api/api.js";
import {ref} from "vue";

export default {
  setup() {

    const message = ref("")
    return {
      message
    }
  },
  mounted() {
    get_config()
        .then(respose => {
          this.message = respose
        })
  }
}

</script>

<template>
  {{ message }}
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
